<template>
	<view class="order" v-if="details">
		<!-- 导航 -->
		<!-- <u-navbar back-icon-color="#000000" title="订单详情" title-color="#3F3F3F" :title-bold="true" :border-bottom="false"
		 :background="background"></u-navbar> -->
		 <u-navbar back-text="订单详情" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		<!-- end -->
		<view>
			<view style="display: flex;align-items: center;">
				<view class="shop_status">
					{{details.statusName}}
				</view>
				<view v-if="details.orderStatus=='WAIT_PAY_UNIT'&&details.orderType==2">
					<u-button size="mini" shape="circle" type="warning" :custom-style="customType" @click="annius(details.orderId)">重新匹配</u-button>
				</view>
			</view>
			<view style="padding: 20rpx 0 18rpx 44rpx;font-size: 26rpx;color: #7A7A7A;">
				<view>
					<text v-if="details.contactsName!=''">{{details.contactsName}}</text>
					<text v-if="details.contactsPhone!=''" style="padding-left: 32rpx;">{{details.contactsPhone}}</text>
				</view>
				<view v-if="details.orderStatus!=='WAIT_TAKE_FOR_INTERVIEW'" style="margin-top: 8rpx;">详细地址：<text style="padding-left: 16rpx;">{{details.province}}{{details.city}}{{details.region}}{{details.address}}</text></view>
			</view>
			<image src="../../static/icon/dixian.png" mode="" style="width: 100%;height: 4rpx;"></image>
			<view class="shop" style="background-color: #FFFFFF;border-radius: 40rpx 40rpx 0 0;" v-if="details.orderStatus!='MATCHING' && details.employeeInfo!==null ">
				<view class="shop_name">
					<image :src="details.entPortrait" mode="aspectFill"></image>
					<view style="padding-left: 12rpx;">{{details.entName}}</view>
				</view>
			</view>
		</view>

		<view class="allorder" v-if="details.orderStatus!=='MATCHING' && details.employeeInfo!==null ">
			<view class="orders">
				<image :src="details.employeeInfo.portrait" mode="aspectFill" class="order_img"></image>
				<view class="person">
					<view class="fenshu">
						<view class="usern">{{details.employeeInfo.name}}</view>
						<view class="rates" style="color: #f29423;background-color: #FFF6EB;padding: 2rpx 10rpx;border-radius: 20rpx;">{{details.employeeInfo.score}}分</view>
					</view>
					<view style="color: #7A7A7A;padding-top: 20rpx;">服务内容：{{details.businessName}} </view>
					<view class="style">
						<text>{{details.employeeInfo.age}}岁</text><text class="pad">{{details.employeeInfo.nativePlace}}人</text>
						<text class="pad">服务{{details.employeeInfo.workYear}}年</text>
						<text class="pad">{{details.employeeInfo.education}}学历</text>
					</view>
					<view class="hour">
						{{details.employeeInfo.univalence}}{{details.employeeInfo.univalenceUnit}}
					</view>
				</view>
			</view>
		</view>

		<view class="foot">
			<view class="foot_name">
				<view class="lei">
					服务类型：
				</view>
				<view class="foot_style">
					{{details.businessName}}
				</view>
			</view>

			<view class="foot_name">
				<view class="lei">
					订单编号：
				</view>
				<view class="foot_style">
					{{details.orderCode}}
				</view>
			</view>
			<view class="foot_name" v-if="details.serviceTimeStr!=''&&details.serviceTimeStr!=null">
				<view class="lei">
					服务时间：
				</view>
				<view class="foot_style">
					{{details.serviceTimeStr}}
				</view>
			</view>
			<view class="foot_name">
				<view class="lei">
					下单时间：
				</view>
				<view class="foot_style">
					{{details.createTime}}
				</view>
			</view>
			<view v-if="details.orderStatus=='WAIT_PAY_UNIT'||details.orderStatus=='CHANGE_FOR_PAY'" class="foot_name">
				<view class="lei">
					优惠券折扣:<text style="margin-left: 15rpx;">{{details.couponPrice}}</text>
				</view>
				<!--  -->
				<view @tap="jump_youhui(details.orderId,details.orderStatus)" v-if="details.haveCommitPay!=1" class="foot_style" style="padding-right: 8rpx;">
					<u-icon name="arrow-right" color="#cccccc" size="30"></u-icon>
				</view>
			</view>
			<view v-if="details.orderStatus=='WAIT_PAY_UNIT'||details.orderStatus=='CHANGE_FOR_PAY'" class="foot_name">
				<view class="lei">
					余额折扣:<text style="margin-left: 15rpx;">{{details.usedBalances}}</text>
				</view>
				<view class="foot_style">
					<!-- v-if="details.haveCommitPay!=1" -->
					<label style="font-size:28upx;text-align: center;">
						<radio @click="radioChange" style="transform: scale(0.7);" color="#FFC000" value="r1" :checked="check" v-if="details.haveCommitPay!=1" />
					</label>
				</view>
			</view>
			<!-- 非月服务订单显示字段 -->
			<view v-if="details.chargeType!=4" style="margin-bottom: 100rpx;">
				<view class="foot_name" v-if="details.orderStatus!='MATCHING'">
					<view class="lei">
						订单金额：
					</view>
					<view class="foot_style">
						{{details.totalPay}}
					</view>
				</view>

				<view class="foot_name" v-if="details.chargeType==2">
					<view class="lei">
						清洁面积：
					</view>
					<view class="foot_style">
						{{details.amount+'㎡'}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='CHANGE_FOR_INTERVIEW'||details.orderStatus=='WAIT_PAY_PRE'
				||details.orderStatus=='WAIT_SERVICE'||details.orderStatus=='WAIT_SERVICE'">
					<view class="lei">
						实付金额：
					</view>
					<view class="foot_style">
						{{details.price}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='CANCEL'">
					<view class="lei">
						订单取消时间：
					</view>
					<view class="foot_style">
						{{details.cancelTime}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='WAIT_SERVICE'||details.orderStatus=='WAIT_PAY_LESS'">
					<view class="lei">
						付款时间：
					</view>
					<view class="foot_style">
						{{details.payTime}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='WAIT_PAY_LESS'&&details.changeType=='2'">
					<view class="lei">
						修改服务时长：
					</view>
					<view class="foot_style">
						{{details.changeContent}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='WAIT_PAY_LESS'&&details.changeType=='2'">
					<view class="lei">
						补充订单金额：
					</view>
					<view class="foot_style">
						{{details.changeMoney}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='FINISH_SERVICE'||details.orderStatus=='FINISH_APPRAISE'">
					<view class="lei">
						实际服务开始时间：
					</view>
					<view class="foot_style">
						{{details.actuallyServiceTimeStr}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='ON_SERVICE'&&details.changeType=='1'">
					<view class="lei">
						修改后服务时间：
					</view>
					<view class="foot_style">
						{{details.changeContent}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='ON_SERVICE'&&details.changeType=='1'">
					<view class="lei">
						多退金额：
					</view>
					<view class="foot_style">
						{{details.changeMoney}}
					</view>
				</view>
			</view>
			<!-- 月服务订单显示字段 -->
			<view v-if="details.chargeType==4" style="margin-bottom: 100rpx;">
				<view class="foot_name">
					<view class="lei">
						面试时间：
					</view>
					<view class="foot_style">
						{{details.interviewTime}}
					</view>
				</view>
				<view class="foot_name" v-if="details.orderStatus=='PROBATION'||details.orderStatus=='WAIT_SIGN'||details.orderStatus=='NO_SIGN'||details.orderStatus=='ON_SERVICE'||details.orderStatus=='FINISH_SERVICE'">
					<view class="lei">
						试岗时间：
					</view>
					<view class="foot_style">
						{{details.tryOutStartTime}}至{{details.tryOutEndTime}}
					</view>
				</view>
				<view class="foot_name" v-if="details.orderStatus=='PROBATION'||details.orderStatus=='WAIT_SIGN'||details.orderStatus=='NO_SIGN'||details.orderStatus=='FINISH_APPRAISE'">
					<view class="lei">
						已支付金额：
					</view>
					<view class="foot_style">
						{{details.prepaidPrice}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='NO_SIGN'">
					<view class="lei">
						已退还金额：
					</view>
					<view class="foot_style">
						{{details.refundPrepaid}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='ON_SERVICE'||details.orderStatus=='FINISH_SERVICE'||details.orderStatus=='FINISH_APPRAISE'">
					<view class="lei">
						签约总金额：
					</view>
					<view class="foot_style">
						{{details.signMoney}}
					</view>
				</view>

				<view class="foot_name" v-if="details.orderStatus=='ON_SERVICE'||details.orderStatus=='FINISH_SERVICE'||details.orderStatus=='FINISH_APPRAISE'">
					<view class="lei">
						签约时间：
					</view>
					<view class="foot_style">
						{{details.signTimeStr}}
					</view>
				</view>
			</view>


		</view>
		<view style="display: flex;justify-content: space-between;padding: 60rpx 26rpx 0 0;margin-bottom: 150rpx;">
			<view>
			</view>
			<view>
				<view v-if="details.chargeType!=4">
					<view class="write" v-if="details.orderStatus!='MATCHING' && details.employeeInfo!=null" style="font-size: 38rpx;">
						{{details|regularAmount}}
					</view>
				</view>
				<view v-else>
					<view class="write" v-if="details.orderStatus!='MATCHING'">
						<text>
							{{details|monthServicePrice}}
						</text>
					</view>
				</view>
			</view>
		</view>
		<view class="footer" v-if="details.buttons.length >0 ">
			<view class="foot_mon">
				<view>
				</view>
				<view style="display: flex;" class="but">
					<view v-for="(items,indexs) in details.buttons" :key="indexs">
						<u-button size="medium" shape="circle" type="warning" :custom-style="customType" @click="anniu(items,details.businessId,details.orderId,details.employeeInfo?details.employeeInfo.employeeId:null,details.chargeType,items.redirectType)"
						 style="margin: 0 7rpx;" v-if="items.color=='HOLLOW_YELLOW'">{{items.title}}</u-button>
						<u-button size="medium" shape="circle" :hair-line="false" :custom-style="customStyle" @click="anniu(items,details.businessId,details.orderId,details.employeeInfo?details.employeeInfo.employeeId:null,details.chargeType,items.redirectType)"
						 style="margin: 0 7rpx;border: none;" v-if="items.color=='GREY'">{{items.title}}</u-button>
						<u-button size="medium" shape="circle" @click="anniu(items,details.businessId,details.orderId,details.employeeInfo?details.employeeInfo.employeeId:null,details.chargeType,items.redirectType)"
						 style="margin: 0 7rpx;" type="warning" v-if="items.color=='YELLOW'">{{items.title}}</u-button>
					</view>
				</view>
			</view>
		</view>


		<u-toast ref="uToast" />

	</view>
</template>

<script>
	var that;
	export default {
		data() {
			return {
				is_click:true,
				background: {
					backgroundColor: '#ffffff',
				},
				customStyle: {
					backgroundColor: '#EEEEEE',
					color: '#979797',
					border: 'none',
				},
				customType: {
					backgroundColor: '#ffffff',
					color: '#FCA800',
					border: '2rpx solid',
					borderRadius: '30rpx'
				},
				show: false,
				check: false,
				page: 0,
				pages: 1,
				size: 10,

				tabCur: '0',
				tabs: [{
						name: '全部',
						type: 'em'
					}, {
						name: '待确认',
						type: 'package'
					}, {
						name: '待支付',
						type: 'ez'
					},
					{
						name: '待服务',
						type: 'ef'
					},
					{
						name: '服务中',
						type: 'ew'
					},
					{
						name: '投诉中',
						type: 'et'
					},
					{
						name: '待评价',
						type: 'ep'
					},
				],
				tabsType: 'em',
				value: 4,
				orderId: '',
				details: '',
				orderStatus: '',
				quanid: '',
				useBalanceFlagflag: 0,

			};
		},
		onLoad(option) {
			that = this;
			if (option.quan_id) {
				that.quanid = option.quan_id
			}
			that.orderId = option.orderId
			this.orderStatus = option.orderStatus
			this.getOrderDetail();
		},
		filters: {
			//月服务订单
			monthServicePrice(val) {
				switch (val.orderStatus) {
					case 'WAIT_PAY_PRE':
						return '定金金额:' + val.prepaidPrice + '/元';

					default:
						return '';
				}
			},
			//其他订单
			regularAmount(val) {
				switch (val.orderStatus) {
					case 'WAIT_PAY_LESS':
						return '少补金额:' + val.changeMoney + '/元';
					case 'CHANGE_FOR_INTERVIEW':
						return '实付金额:' + val.totalPay + '/元';
					case 'WAIT_PAY_PRE':
						return '少补金额:' + val.totalPay + '/元';
					default:
						return '';
				}
			},

		},
		onShow() {
			that.is_click=true;
		},
		methods: {
			
			
			// 优惠券跳转
			jump_youhui(id, orderStatus) {
				uni.navigateTo({
					url: '/pageageA/order/yhquan?id=' + id + '&orderStatus=' + orderStatus
				})
			},
			// 余额折扣选择
			radioChange() {
				this.check = !this.check;
				if (this.check == true) {
					that.useBalanceFlagflag = 1
				} else {
					that.useBalanceFlagflag = 0
				}
				this.getOrderDetail();
			},
			getOrderDetail() {
				let _this = this
				let opts = {
					way: true, //true JSON请求；false 表单请求
					method: 'post',
					url: 'orders/info'
				};
				let data = {
					orderId: that.orderId,
					couponsId: that.quanid,
					useBalanceFlag: that.useBalanceFlagflag
				};
				_this.http.httpTokenRequest(opts, data).then(res => {
					console.log(res.data)
					_this.details = res.data
				})
			},
			tabSelect(e) {
				var _this = this;
				_this.tabCur = e.target.dataset.id;
				console.log(_this.tabCur, "===")

			},
			showTab() {
				var _this = this;
				_this.show = !_this.show;
			},
			//推送
			ts(){
				uni.requestSubscribeMessage({
				 tmplIds: ['IdSIZcF3KlfXRiP4wvU4jwt6hu2tU2LnbsUPfF_Tq80', 'EjQNBMRd3C1y7Y1OMAyLn7sLsRNoolBBV42v1btLchw'],
				  success (res) {
				  },
				   fail (err) {
			
				        }
			
				})
			},
			anniu(items, businessId, orderId, employeeId, chargeType, redirectType) {
				if(that.is_click==true){
						that.is_click=false;
						var _this = this;
						var opts = {};
						var data = {};
						switch (items.redirectType) {
							case 1:
								//请求接口
								console.log(items, "items")
								opts = {
									way: true, //true JSON请求；false 表单请求
									method: 'post',
									url: items.uri
								};
								data = {
									orderId: that.orderId,
									userCouponsId: that.quanid,
									useBalanceFlag: that.useBalanceFlagflag
								};
								_this.http.httpTokenRequest(opts, data).then(res => {
									if (res.code == 200) {
										_this.$refs.uToast.show({
											title: res.message,
											type: 'success'
										})
										let pages = getCurrentPages(); //获取所有页面栈实例列表
										let prevPage = pages[pages.length - 2]; //上一页页面实例
										prevPage.$vm.isMade = 1; //修改上一页data里面的sh参数值为100
										uni.navigateBack({
											delta:1,
										})
									} else {
										that.is_click=true;
										_this.$refs.uToast.show({
											title: res.message,
											type: 'error'
										})
									}
								});
								break;
							case 2:
								// 订单详情
								uni.redirectTo({
									url: '../../pageageA/order/orderDetail?orderId=' + orderId + '&orderStatus=' + orderStatus
								});
								break;
							case 3:
								// 跳转定金页面
								uni.redirectTo({
									url: '../../pageageA/order/deposit?orderId=' + orderId
								})
								break;
							case 4:
								// 跳转签约页面
								uni.redirectTo({
									url: '../../pageageA/order/sign?orderId=' + orderId + '&redirectType=' + items.redirectType
								})
								break;
							case 5:
								// 跳转续约页面
								uni.redirectTo({
									url: '../../pageageA/order/sign?orderId=' + orderId + '&redirectType=' + items.redirectType
								})
								break;
							case 6:
								// 立即评价
								uni.navigateTo({
									url: '../../pageageA/order/evaluate?orderId=' + orderId
								})
								break;
							case 7:
								// 再次下单
								uni.navigateTo({
									url: '../../pageageA/service/online_order?businessId=' + businessId + '&orderId=' + orderId + '&employeeId=' +
										employeeId + '&chargeType=' + chargeType + '&zcxd=1'
								})
								break;
							case 8:
								// 跳转简历
								uni.navigateTo({
									url: '../../pageageA/home/matching/hisResume/hisResume?employeeId=' + employeeId + '&redirectId=' + businessId +
										'&addType=2'
								})
								break;
							case 9:
								uni.showModal({
									title: '',
									content: '确定要取消该订单吗？',
									cancelText: "我再想想", // 取消按钮的文字  
									confirmText: "确认", // 确认按钮文字  
									cancelColor: '#F29423',
									confirmColor: '#979797',
									success: function(res) {
										that.is_click=true;
										if (res.confirm) {
											let opts = {
												way: true, //true JSON请求；false 表单请求
												method: 'post',
												url: items.uri
											};
											let data = {
												orderId: that.orderId,
												userCouponsId: that.quanid,
												useBalanceFlag: that.useBalanceFlagflag
											};
											_this.http.httpTokenRequest(opts, data).then(res => {
												if (res.code == 200) {
													_this.$refs.uToast.show({
														title: res.message,
														type: 'success'
													})
													let pages = getCurrentPages(); //获取所有页面栈实例列表
													let prevPage = pages[pages.length - 2]; //上一页页面实例
													prevPage.$vm.isMade = 1; //修改上一页data里面的sh参数值为100
													uni.navigateBack({
														delta:1,
													})
													// _this.page = 1;
													// _this.goosList = [];
													// _this.prompt = '加载中....';
													// _this.getGoosList();
												} else {
													
													_this.$refs.uToast.show({
														title: res.message,
														type: 'error'
													})
												}
											})
										}
									}
								});
								break;
							case 10:
								// 支付日常订单
								// that.ts();
								opts = {
									way: true, //true JSON请求；false 表单请求
									method: 'post',
									url: items.uri
								};
								data = {
									orderId: orderId,
									userCouponsId: that.quanid,
									useBalanceFlag: that.useBalanceFlagflag
								};
								_this.http.httpTokenRequest(opts, data).then(res => {
									if (res.code == 200) {
										var needstr=res.data;
										uni.requestSubscribeMessage({
											tmplIds: ['IdSIZcF3KlfXRiP4wvU4jwt6hu2tU2LnbsUPfF_Tq80', 'EjQNBMRd3C1y7Y1OMAyLn7sLsRNoolBBV42v1btLchw'],
										  success (res) {
											  if(needstr.needPay==0){
											  	uni.navigateTo({
											  		url: './paySucess?type=1' + '&orderId=' +that.orderId
											  	})
											  }else{
											  	_this.wxpay(needstr.vxPayData)
											  }
										  },
										   fail (err) {
													if(needstr.needPay==0){
														uni.navigateTo({
															url: './paySucess?type=1' + '&orderId=' +that.orderId
														})
													}else{
														_this.wxpay(needstr.vxPayData)
													}
										        }
													
										})
										
									} else {
										that.is_click=true;
										_this.$refs.uToast.show({
											title: res.message,
											type: 'error'
										})
									}
								})
								break;
							case 11:
								// 支付日常订单
								opts = {
									way: true, //true JSON请求；false 表单请求
									method: 'post',
									url: items.uri
								};
								data = {
									orderId: that.orderId,
									userCouponsId: that.quanid,
									useBalanceFlag: that.useBalanceFlagflag
								};
								_this.http.httpTokenRequest(opts, data).then(res => {
									if (res.code == 200) {
										var needstr=res.data;
										uni.requestSubscribeMessage({
										  tmplIds: ['IdSIZcF3KlfXRiP4wvU4jwt6hu2tU2LnbsUPfF_Tq80', 'EjQNBMRd3C1y7Y1OMAyLn7sLsRNoolBBV42v1btLchw'],
										  success (res) {
											  if(needstr.needPay==0){
											  	uni.navigateTo({
											  		url: './paySucess?type=1' + '&orderId=' +that.orderId
											  	})
											  }else{
											  	_this.wxpay(needstr.vxPayData)
											  }
										  },
										   fail (err) {
													if(needstr.needPay==0){
														uni.navigateTo({
															url: './paySucess?type=1' + '&orderId=' +that.orderId
														})
													}else{
														_this.wxpay(needstr.vxPayData)
													}
										        }
													
										})
										console.log(res.data)
										
										
									} else {
										that.is_click=true;
										_this.$refs.uToast.show({
											title: res.message,
											type: 'error'
										})
									}
								})
								break;
							case 12:
								// 申请售后
								uni.navigateTo({
									url: 'cause?orderId=' + orderId+'&type='+2
								})
								break;
							case 13:
								// 售后进度
								uni.navigateTo({
									url: 'service?orderId=' + orderId
								})
								break;
							default:
								break;
						}
						}else{
							// uni.showToast({
							// 	title:'请不要频繁操作',
							// 	icon:'none'
							// })
						}
			

			},
			annius(orderId) {
				let _this = this
				uni.showModal({
					title: '提示',
					content: '是否确认重新匹配？',
					cancelText: "我再想想", // 取消按钮的文字  
					confirmText: "确认", // 确认按钮文字  
					cancelColor: '#F29423',
					confirmColor: '#979797',
					success: function(res) {
						if (res.confirm) {
							let opts = {
								way: true, //true JSON请求；false 表单请求
								method: 'post',
								url: 'orders/match/again',
							};
							let data = {
								orderId: that.orderId,
							};
							_this.http.httpTokenRequest(opts, data).then(res => {
								if (res.code == 200) {
									_this.$refs.uToast.show({
										title: res.message,
										type: 'success'
									})
									setTimeout(function() {
										uni.switchTab({
											url: '/pages/order/index'
										})
									}, 500)
								} else {
									_this.$refs.uToast.show({
										title: res.message,
										type: 'error'
									})
								}
							})
						}
					}
				});
			},
			wxpay(str) {
				let _this = this
				let query = str
				uni.requestPayment({
					provider: 'wxpay',
					appId: query.appId,
					timeStamp: query.timeStamp + '',
					nonceStr: query.nonceStr,
					package: query.package,
					signType: query.signType,
					paySign: query.sign,
					success: (res) => {
						console.log(res.data, "支付成功")
						uni.navigateTo({
							url: './paySucess?type=1' + '&orderId=' + that.orderId
						})
					},
					fail: (res) => {
						console.log(res.data, "支付失败")
						uni.navigateTo({
							url: './paySucess'
						})
					},
				})
			},
		}
	};
</script>
<style>	
	.but .u-size-medium{
		padding: 0 40rpx !important;
	}
</style>
<style scoped lang="scss">
	/* 导航 */

	/* 未登录状态 */
	.nologin {
		width: 100%;
	}

	.nologin image {
		width: 500rpx;
		display: block;
		margin: 0 auto;
		margin-top: 178rpx;
	}

	.nologin view {
		font-size: 28rpx;
		color: #333;
		text-align: center;
		margin-top: 25rpx;
	}

	.nologin navigator {
		width: 412rpx;
		height: 90rpx;
		// background-color: $uni-color1;
		line-height: 90rpx;
		color: #fff;
		font-size: 36rpx;
		text-align: center;
		border-radius: 45rpx;
		margin: 0 auto;
		margin-top: 100rpx;
	}

	.oderList {
		// padding: 0 40rpx 0 32rpx;
	}

	.shop {
		display: flex;
		justify-content: space-between;
		align-items: center;
		// padding: 12rpx 26rpx 14rpx 32rpx;
		height: 86rpx;
	}

	.shop_name {
		display: flex;
		align-items: center;
		padding: 0 40rpx 0 32rpx;
	}

	.shop_name image {
		width: 52rpx;
		height: 52rpx;
	}

	.shop_status {
		// background-color: #FCA800;
		color: #7A7A7A;
		height: 88rpx;
		padding: 0 40rpx 0 44rpx;
		line-height: 88rpx;
		font-size: 30rpx;
		font-weight: bold;
	}

	.line {
		border: 3rpx solid #E4E4E4;
	}

	.allorder {
		padding: 6rpx 64rpx 12rpx 22rpx;
	}

	.orders {
		display: flex;
	}

	.orders image {
		width: 170rpx;
		height: 168rpx;
	}

	.orders .order_img {
		width: 160rpx;
		height: 222rpx;
		border-radius: 32rpx;
	}

	.person {
		width: 72%;
		padding-left: 32rpx;
	}

	.order_user {
		padding-top: 6rpx;
		font-size: 36rpx;
		color: #3F3F3F;
	}

	.usern {
		font-size: 30rpx;
		color: #656565;
		font-weight: 500;
	}

	.users {
		font-weight: bold;
		padding-top: 6rpx;
		color: #666666;
		font-size: 30rpx;
	}

	.rate {
		color: #979797;
		font-size: 24rpx;
		padding: 4rpx 0 10rpx 0;
	}

	.addres {
		color: #3F3F3F;
		font-size: 26rpx;
		font-weight: 500;
		font-family: PingFang SC;
	}

	.fenshu {
		display: flex;
		align-items: center;
	}

	.rates {
		color: #F29423;
		font-size: 26rpx;
		margin-left: 32rpx;
	}

	.detail_two {
		color: #666666;
		font-size: 30rpx;
		font-weight: bold;
		padding: 4rpx 0 0 40rpx;
		font-family: PingFang SC;
	}

	.style {
		padding-top: 24rpx;
		font-size: 26rpx;
		color: #979797;
		font-weight: 500;
	}

	.pad {
		padding-left: 18rpx;
	}

	.hour {
		color: #F29423;
		font-size: 26rpx;
		padding-top: 34rpx;
		font-weight: 500;
		font-family: PingFang SC;
	}

	.foot {
		padding: 48rpx 40rpx 0 40rpx;
		font-family: PingFang SC;
	}

	.foot_name {
		display: flex;
		justify-content: space-between;
		padding-top: 26rpx;
		font-size: 26rpx;
		font-weight: 500;
		padding-bottom: 30rpx;
		border-bottom: 1rpx solid #EBEBEB;
	}

	.lei {
		color: #0F1826;
		font-weight: 500;

	}

	.footer {
		height: 112rpx;
		position: fixed;
		z-index: 99;
		bottom: 0;
		width: 100%;
		background: #FFFFFF;
		opacity: 1;
	}

	.foot_mon {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20rpx 20rpx 0 0;
	}

	.write {
		font-size: 38rpx;
		font-weight: 500;
		color: #666666;
	}

	.write text {
		color: #FCA800;
	}
</style>
